<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="/resoures/font-awesome-4.7.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/online-class/css/public.css" />
    <link rel="stylesheet" href="/online-class/css/index.css" />
    <link rel="stylesheet" href="/online-class/css/page2-marchantlist.css" />
    <title>商家列表</title>
</head>

<body>
    <div class="hole-div">
        <!-- 顶部10vw -->
        <div class="top">商家列表</div>
        <!-- 中间列表部分20vw -->
        <div class="mid">
            <div class="list-info">
                <div class="info-img">
                    <img src="/resoures/images/面包.png" alt="万家饺子" />
                    <div class="red-icon">3</div>
                </div>

                <div class="info-text">
                    <h4 class="hhead">万家饺子 （软件园E18店）</h5>
                        <ul class="ubody">
                            <li>￥15起送 | ￥3配送</li>
                            <li>各自饺子炒菜</li>
                        </ul>
                </div>
            </div>
            <div class="list-info">
                <div class="info-img">
                    <img src="/resoures/images/汉堡包.png" alt="小锅饭豆腐馆 （全运店）" />
                    <div class="red-icon">2</div>
                </div>

                <div class="info-text">
                    <h4 class="hhead">小锅饭豆腐馆 （全运店）</h5>
                        <ul class="ubody">
                            <li>￥15起送 | ￥3配送</li>
                            <li>特色美食</li>
                        </ul>
                </div>
            </div>
            <div class="list-info">
                <div class="info-img">
                    <img src="/resoures/images/炸鸡.png" alt="麦当劳麦乐送（全运路店）" />
                    <div class="red-icon">1</div>
                </div>

                <div class="info-text">
                    <h4 class="hhead">麦当劳麦乐送（全运路店）</h5>
                        <ul class="ubody">
                            <li>￥15起送 | ￥3配送</li>
                            <li>汉堡薯条</li>
                        </ul>
                </div>
            </div>
            <div class="list-info">
                <div class="info-img">
                    <img src="/resoures/images/蔬菜.png" alt="米村拌饭（浑南店）" />
                    <!-- <div class="red-icon">3</div> -->
                </div>

                <div class="info-text">
                    <h4 class="hhead">米村拌饭（浑南店）</h5>
                        <ul class="ubody">
                            <li>￥15起送 | ￥3配送</li>
                            <li>各种炒饭拌菜</li>
                        </ul>
                </div>
            </div>
            <div class="list-info">
                <div class="info-img">
                    <img src="/resoures/images/奶茶.png" alt="申记串道 （中海康城店）" />
                    <!-- <div class="red-icon">3</div> -->
                </div>

                <div class="info-text">
                    <h4 class="hhead">申记串道 （中海康城店）</h5>
                        <ul class="ubody">
                            <li>￥15起送 | ￥3配送</li>
                            <li>烤串炸串</li>
                        </ul>
                </div>
            </div>
            <div class="list-info">
                <div class="info-img">
                    <img src="/resoures/images/白菜.png" alt="半亩良田排骨米饭" />
                    <!-- <div class="red-icon">3</div> -->
                </div>

                <div class="info-text">
                    <h4 class="hhead">半亩良田排骨米饭</h5>
                        <ul class="ubody">
                            <li>￥15起送 | ￥3配送</li>
                            <li>排骨米饭套餐</li>
                        </ul>
                </div>
            </div>
            <!-- 底部导航栏15vw -->
            <ul class="bnav">
                <li>
                    <img src="/resoures/images/首页.png" alt="" />
                    <p>首页</p>
                </li>
                <li>
                    <img src="/resoures/images/浏览.png" alt="" />
                    <p>发现</p>
                </li>
                <li>
                    <img src="/resoures/images/订单.png" alt="" />
                    <p>订单</p>
                </li>
                <li>
                    <img src="/resoures/images/我的.png" alt="" />
                    <p>我的</p>
                </li>
            </ul>
</body>

</html>